Графические интерфейсы пользователя Java - Тимур Сергеевич Машнин
Шрифт:
Интервал:
Закладка:
Кнопка добавляется в группу с помощью метода setToggleGroup.
Группа ToggleGroup имеет свойство selectToggle – выбранная кнопка.
К этому свойству можно присоединить слушателя, в который будет передана выбранная кнопка, представленная объектом Toggle.
Toggle – это интерфейс, который реализуется кнопкой ToggleButton.
Этот интерфейс позволяет извлечь из кнопки пользовательские данные, которые можно предварительно занести в кнопку.
Кроме того, к самой кнопке можно добавить слушателя свойства selected и работать уже непосредственно со свойствами выбранной кнопки.
Кнопка RadioButton – это специализированный тип кнопки ToggleButton.

Кнопка RadioButton может быть выбрана или не выбрана.
Обычно переключатели объединяются в группу, в которой можно выбрать только одну кнопку.
Свойства компонента RadioButton аналогичны свойствам компонента ToggleButton.
Объединение кнопок RadioButton в группу ToggleGroup отличается от объединения кнопок ToggleButton в группу ToggleGroup.
В группе кнопок RadioButton по меньшей мере одна кнопка должна находиться в выбранном состоянии и выбор другой кнопки отменяет выбор всех остальных кнопок.
Таким образом, в группе кнопок RadioButton постоянно выбрана только одна кнопка, и ее нельзя перевести в невыбранное состояние.
В группе кнопок ToggleButton при нажатии одной из кнопок все остальные кнопки группы автоматически отжимаются, однако нажатую кнопку можно отжать.
Переключатель RadioButton создается с помощью конструктора, в котором можно указать только текст кнопки.
Изображение для переключателя можно установить отдельно методом setGraphic.
Переключатель добавляется в группу методом setToggleGroup.
Обработать выбор переключателя можно с помощью слушателя свойства selectedToggle группы или с помощью слушателя свойства selected переключателя.
ChoiceBox и JavaFX Collections
Компонент ChoiceBox представляет выпадающий список выбора для пользователя.


Список выбора ChoiceBox создается с помощью конструктора, в котором сразу можно указать список элементов выбора.
Набор элементов ObservableList списка ChoiceBox может быть создан с помощью статического метода observableArrayList класса FXCollections пакета javafx.collections.
Другим способом, методом getItems можно получить список ObservableList и добавить в него элементы методом add.
За выбор элементов списка отвечает модель SelectionModel, которая имеет свойства selectedIndex и selectedItem.
К этим свойствам можно присоединить слушателя и обрабатывать выбор пользователя.
Чтобы в списке отображался, например, первый элемент, для модели нужно вызвать метод selectFirst.
JavaFX Collections является расширением фреймворка Java Collections Framework, включающего в себя список java.util.List, карту java.util.Map и набор java.util.Set.

JavaFX Collections содержит список ObservableList, карту ObservableMap и набор ObservableSet.
JavaFX Collections расширяет фреймворк Java Collections Framework возможностью регистрировать слушателей изменений коллекции, так как ObservableList, ObservableMap и ObservableSet дополнительно расширяют интерфейс Observable.

К обычной коллекции фреймворка Java Collections Framework нельзя присоединить слушателя изменений.
С помощью класса FXCollections можно обернуть обычную коллекцию в JavaFX коллекцию и присоединить к ней слушателя изменений.
Также класс FXCollections позволяет сортировать, копировать и соединять коллекции.
TextField, PasswordField и TextArea
Компонент TextField обеспечивает для пользователя ввод строки текста.


Свойство onAction позволяет определить для поля TextField обработчик нажатия клавиши Enter, а свойство promptText дает возможность установить фоновый текст подсказки для ввода пользователю.
Подсказка устанавливается методом setPromptText.
При этом, чтобы подсказка отобразилась, нужно убрать фокус с поля, так как подсказка исчезает при получении полем фокуса.
Фокус убирается методом setFocusTraversable (false).
Обработчик нажатия клавиши Enter устанавливается методом setOnAction.
И в нем извлечь введенный пользователем текст можно методом getText.
Также для поля TextField есть многочисленные методы редактирования текста, вставки, копирования, вырезания, выделения и так далее.
Компонент PasswordField обеспечивает для пользователя ввод строки пароля, скрытого символами.

Поле PasswordField по своей функциональности ничем не отличается от поля TextField, за исключением того, что вводимый пользователем текст маскирован символами.
Изменить маску символов, можно расширив скин TextFieldSkin и переопределив его метод maskText.
Затем устанавливаем новый скин методом setSkin для компонента PasswordField.
Компонент TextArea обеспечивает отображение многострочного текста с прокруткой и возможностью его редактирования.

Компонент TextArea создается с помощью конструктора, в котором можно сразу указать отображаемый текст.
Или это можно сделать с помощью метода setText.
Для определения размеров компонента, можно использовать метод setPrefSize.
Или же можно определить ширину компонента и количество отображаемых строк с помощью метода setPrefRowCount.
Или же можно определить высоту компонента и количество отображаемых столбцов с помощью метода setPrefColumnCount.
Текст можно сделать редактируемым с помощью метода setEditable (true).
И присоединить слушателя к свойству text компонента, в обработчике которого обрабатывать изменения текста.
Методом setWrapText (true) устанавливается перенос строк текста.
Панель ScrollPane
Компонент ScrollPane представляет панель с вертикальной и горизонтальной прокруткой для отображения узла Node.


То есть в эту панель можно добавить только один узел, который, однако может быть контейнером набора узлов.
Компонент ScrollPane имеет набор свойств, таких как content, fitToHeight, fitToWidth, hbarPolicy, vbarPolicy, и так далее.
С помощью свойства content устанавливается узел Node, отображаемый панелью ScrollPane.
Свойства hmax, hmin, hvalue, vmax, vmin, vvalue определяют позиции горизонтальной и вертикальной прокруток.
С помощью свойств hbarPolicy и vbarPolicy устанавливается отображение горизонтальной и вертикальной прокруток.
Если отображаемый панелью узел Node может изменять свои размеры (isResizable), тогда в случае значения true свойств fitToHeight и fitToWidth размеры узла Node подгоняются к размерам панели ScrollPane.
Если свойство pannable принимает значение true, тогда пользователь может колесом мышки прокручивать панель по вертикали.
С помощью свойств prefViewportHeight и prefViewportWidth можно устанавливать предпочтительные размеры окна панели ScrollPane, однако данные свойства имеют меньший приоритет по отношению к свойствам prefHeight и prefWidth.
Узел устанавливается в панель методом setContent.

Появление полос прокрутки панели определяется методами setHbarPolicy и setVbarPolicy.
В которых используются константы ALWAYS, AS_NEEDED и NEVER.
Если размеры узла больше, чем размеры панели и размеры узла изменяемые, тогда при вызове метода setFitToWidth (true) ширина узла примет ширину панели, а при вызове метода setFitToHeight (true), высота узла примет высоту панели.
При вызове метода setPannable (true), контент панели можно прокручивать колесом мыши.
Если для панели вызван метод setPrefSize, тогда методы setPrefViewportHeight и setPrefViewportWidth не окажут никакого влияния на размер панели.
Список ListView
Компонент ListView представляет прокручивающийся список элементов.


Список ListView создается с помощью конструктора, в котором можно сразу указать список ObservableList элементов компонента.
Или же этот список элементов компонента можно задать позже с помощью метода setItems.
Список ObservableList создается с помощью вспомогательного класса FXCollections.
Размеры списка устанавливаются методом setPrefSize.

С помощью свойства orientation класса ListView можно установить будет ли список вертикальным или горизонтальным списком элементов.
Методом setOrientation можно изменить ориентацию списка с вертикальной на горизонтальную.
Свойство cellFactory класса ListView позволяет заполнить список